<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Proyectos</title>

  <?php include("template/encabezado.php"); ?>
  <link href="css/carousel.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/datepicker.css">
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/locales/bootstrap-datepicker.es.js"></script>
  <script type="text/javascript">
        $(document).on("ready",function(){
             
             /*Asigna la fecha a #fecha y la hora a #hora*/ 
             <?php include("template/fechaHora.php") ?>
            $(".alert").hide();
          $('#fechaIni').datepicker({
                    format: "dd/mm/yy",
                    startDate: "01/01/09", /*Cambiar a la fecha de inicio del ERP*/
                    /*endDate: "06/06/14",*/
                    /*todayBtn: "linked",*/
                    language: "es",
                    multidate: false,
                    daysOfWeekDisabled: "0",
                    calendarWeeks: true,
                    autoclose: true,
                    todayHighlight: true
          });  
           $('#fechaFin').datepicker({
                    format: "dd/mm/yy",
                    startDate: obtenerFecha(),
                    /*endDate: "01/01/2015",*/
                    /*todayBtn: "linked",*/
                    language: "es",
                    multidate: false,
                    daysOfWeekDisabled: "0",
                    calendarWeeks: true,
                    autoclose: true,
                    todayHighlight: true

          });
          
          $('#fechaIni').datepicker('update', obtenerFecha());
          $('#fechaFin').datepicker('update', obtenerFecha());
  
          $('#fechaIni').datepicker().on('changeDate', function(ev){ /*Cada vez que cambio fecha*/
                var myDate = new Date(ev.date);
                var anio=""+myDate.getFullYear();// Parceo la el año.   //Quito los primero digitos del año.
                var fechaa=(myDate.getDate()) + '/' +(myDate.getMonth()+1) + '/'+ anio.substring(2); 
                $('#fechaFin').datepicker('setStartDate',fechaa); /*Valido la fecha*/
                
                if ($("#FFin").val() < $("#FIni").val()){ /*Si es menor la cambio*/
                  $(".alert").show(); /*Actualizo la fechaFin*/
                  //$('#fechaFin').datepicker('update', fechaa); //Coloca la fecha actual a fechaFin
                }
                if ($("#FIni").val()===""){ /*Si selecciono el mismo dia*/
                  $('#fechaIni').datepicker('update', fechaa);
                }
                
              });

          $('#fechaFin').datepicker().on('changeDate', function(ev){ /*Cada vez que cambio fecha*/
                if ($("#FFin").val()===""){ /*Si selecciono el mismo dia*/
                  $('#fechaFin').datepicker('update', fechaa);
                }
                if ($("#FFin").val() >= $("#FIni").val()){ /*Si fin es mayor que inicio oculta el alert*/
                    $(".alert").hide(); 
                  
                }
              });

              



        }); 
            
    </script>
</head>
<body>

<?php include("template/bannerPrincipal.php"); ?>
<?php include("template/barraNav.php"); ?>


  
  <!-- AREA DE TRABAJO CONTENEDOR PRINCIAPAL  -->
   <div class="wrapper">
    <div class="container ">
          <div class="panel panel-default"  >
            <div class="panel-heading">
            <h4 class="centro">Perfil del proyecto: Proyecto 1</h4>
          </div>
            <div class="panel-body centro anulandoMargin">
                
                <form role="form">          
             <div class="list-group"> 
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Nombre del proyecto</strong></div>
                <div class="col-xs-12 col-sm-6"><input type="text" class="form-control" id="ejemplo_email_1"
                         placeholder="Nombre del proyecto" value="Proyecto1"></div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Monto</strong></div>
                <div class="col-xs-12 col-sm-6"><input type="text" class="form-control" id="ejemplo_email_1"
                         placeholder="Ingrese el monto" value="$15,000"></div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Origen de los fondos</strong></div>
                <div class="col-xs-12 col-sm-6"><textarea  class="form-control" id="ejemplo_email_1"
                         placeholder="Origen de los fondos">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur consequatur, distinctio laudantium. Animi, amet, deleniti.
                          </textarea>
                        </div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Fecha Inicio:</strong><br></div>
                <div class="col-xs-12 col-sm-6"><div class="input-group date fechaTamano contenido-centro" id="fechaIni">
                                  <input type="text"  data-date-format="yyyy-mm-dd" id="FIni" disabled class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                              </div>
                        </div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Fecha Fin:</strong><br></div>
                <div class="col-xs-12 col-sm-6"><div class="input-group date fechaTamano contenido-centro" id="fechaFin">
                                  <input type="text" disabled class="form-control" id="FFin"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
                                </div>
                        </div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-6"><strong>Descripcíon</strong></div>
                <div class="col-xs-12 col-sm-6"><textarea  class="form-control" id="ejemplo_email_1"
                         placeholder="Origen de los fondos">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur consequatur, distinctio laudantium. Animi, amet, deleniti.
                          </textarea></div>
              </div>
              </a>
              <a href="#" class="list-group-item">
                <div class="row">
                <div class="col-xs-12 col-sm-offset-3 col-sm-6 col-md-offset-3 col-md-6 "><button type="submit" class="btn btn-primary btn-block">Enviar</button></div>
                
              </div>
              </a>
              
              </div>
              </form>

          </div>
        </div>
          
      		
          
    </div>
    <div class="push"></div> <!--PIE AL FONDO NO FIJO-->
  </div> <!-- FIN AREA DE TRABAJO CONTENEDOR PRINCIPAL -->
<?php include("template/piePag.php"); ?>
    
</body>
</html>